* {
	margin: 0;
	padding: 0;
}
body {
	  background-color: #eee;
	  font-family: -apple-system,BlinkMacSystemFont,PingFang-SC-Regular,Hiragino Sans GB,Microsoft Yahei,Arial,sans-serif;
	  line-height: 26px;
	  color: #4a4a4a;
	 font-weight: 400;
	 -webkit-font-smoothing: antialiased;
	 margin: 0;
	 padding: 0;
    }
input {
	border: none;
	outline: none;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.header {
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 16px;
	padding-left: 30px;
	padding-right: 30px;
	margin-top: -8px;
	padding-bottom: 15px;
	background-color: #4DD0E1;
	color: #fff;
	background: #4DD0E1 url(./bg.png) repeat-x 0 0;
	background-size: 100% 70px; 
}
#submit {background: red;height: 35px;width: 35px;border-radius: 50%;color: #fff;}
.content {
	background: #fff;
	width: 886px;
	margin: 0 auto;
	padding-top: 30px;
}
.wrapper {
	width: 886px;
	margin: 0 auto
}
.iframe {
	  width: 885px;
	  height: 496px;
	  margin: 0 auto;
	  border: 1px solid red
}
.search {
	position: relative;
	top: 20px;
	height: 41px;
	width: 360px;
	border-top-left-radius: 35px;
	border-bottom-left-radius: 35px;
	border-top-right-radius: 35px;
	border-bottom-right-radius: 35px;
	background-color: #fff;
	padding-left: 20px;
	padding-right: 20px;
	border: 1px solid #e8e8e8;
	box-shadow: 0 0 30px rgba(0,0,0,.05)
}

.search input {
	position: absolute;
	width: 80%;
	height: 100%;
}
.iconfont {
	color: red;
}

























